﻿<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width; initial-scale=1" />
    <title>@ViewBag.Title</title>
    <link href="../../Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/css/style.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"></script>
    <!--<script src="../../Scripts/thailand.js" type="text/javascript"></script>-->
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js" type="text/javascript"></script>
    <!--Google Analytics-->
	<script type="text/javascript">

	    var _gaq = _gaq || [];
	    _gaq.push(['_setAccount', 'UA-38563834-1']);
	    _gaq.push(['_trackPageview']);

	    (function () {
	        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	    })();

</script>
</head>
<body>

<!-- Div Wrapper Element -->
<div id="Wrapper">
<!-- Header Element -->
<header id="header">
	<!-- Hgroup Element Starts Here -->
  <hgroup id="title">
  @*<div style="display:block; margin:0px 2% 0px 0px; padding:5px 0px 0px 0px; text-align:right;">
        <a class="adminLink" href="../Admin/Index">Admin</a>
  </div>*@

  <div style="display:block; margin:0px 2% 0px 0px; padding:5px 0px 0px 0px; text-align:right;">
       @Html.Partial("_LogOnPartial")
  </div>
  
  	<div id="logo"></div> 
    <!--<h1>Creating HTML5 <span>Responsive Web Template Using Media Queries</span></h1>-->
  </hgroup>
  <!-- Hgroup Element Ends Here -->
 
  <!-- Nav Element Starts Here -->
  <nav class="navigation">
    
   		@Html.ActionLink("Dashboard", "Index", "Home", null, new { id = "dashboardNavTitle" })
        @Html.ActionLink("Properties", "Index", "Property")
        @Html.ActionLink("Clients", "Index", "Clients") 
        

        @if (Session["userPerm"] != null)
        {
            if ((int)Session["userPerm"] == 1)
            {
                @Html.ActionLink("Admin", "Index", "Admin")
            }
            else
            {
                @Html.Label("Admin")
            }
        }
        
        @if (Session["userPerm"] == null)
        {
            @Html.Label("Admin")
        }

        
        
          
   </nav>
   <div class = "navigationIcons">
            
        <a href = "@Url.Action("Index", "Home")"><img src = "/images/dashboard.png" /></a>
        <a href = "@Url.Action("Index", "Property")"><img src = "/images/properties.png" /></a>
        <a href = "@Url.Action("Index", "Clients")"><img src = "/images/clients.png" /></a>
        
       @if (Session["userPerm"] != null)
       {
           if ((int)Session["userPerm"] == 1)
           {
               <a href = "@Url.Action("Index", "Admin")"><img src = "/images/admin.png" /></a>
           }
           else
           {
               <img src = "../../images/adminInactive.png" />
           }
       }
       
       @if (Session["userPerm"] == null)
       {
            <img src = "../../images/adminInactive.png" />
       }

        
                
    </div>
     

    

     
  
</header>

<!-- Header Element Ends -->
@RenderBody()

<!-- Footer Element Starts Here -->
<div id="myfooter">
    <div class="footer_image">
    </div>
    <div class="insidefooter">
    </div>
    <div class="footer_image2">
    </div>
</div>

<!-- Footer Element Ends Here -->
</div>
<!-- Div Wrapper Element ends Here -->

<script type = "text/javascript">
    $(function () {
        $(".datepickerTo").datepicker({showButtonPanel:true, changeMonth: true, changeYear: true, minDate: 0, onClose: function (selectedDate)
        { $("#dateTo").datepicker("option", "minDate", selectedDate) } 
        });
        $(".datepickerFrom").datepicker({ showButtonPanel: true, changeMonth: true, changeYear: true, onClose: function (selectedDate)
        { $("#dateFrom").datepicker("option", "maxDate", selectedDate) } 
        });
        $(".datepickerGeneral").datepicker({showButtonPanel: true, changeMonth: true, changeYear: true, onClose: function (selectedDate)
            { $("#datepickerGeneral").datepicker() }
        });
    });

    $(document).ready(function () {

        $(":input[data-autocomplete]").each(function () {
            $(this).autocomplete({ source: $(this).attr("data-autocomplete") });
        });

    })
</script>

</body>
</html>